The css-background test contains a node pattern that
is optimized in the ngl renderer.
--- /dev/null
+transform {
+ child: container {
+ border {
+ outline: 5 5 50 50;
+ }
+ color {
+ color: rgba(0, 0, 0, 0);
+ bounds: 0 0 110 110;
+ }
+ }
+
+ transform: translate(110, 0) scale(3,3);
+}
--- /dev/null
+transform {
+ transform: scale(16,16);
+ child: container {
+
+ clip {
+ clip: 0 0 30 30;
+ child: container {
+ rounded-clip {
+ clip: 5 5 50 50 / 5;
+ child: color {
+ color: rgba(255, 0, 0, 255);
+ bounds: 5 5 50 50;
+ }
+ }
+ border {
+ outline: 5 5 50 50 / 5;
+ widths: 3;
+ colors: yellow;
+ }
+ }
+ }
+
+ debug {
+ message: "Clipped-out area";
+ child: container {
+
+ color {
+ color: black;
+ bounds: 7 5 5 1;
+ }
+
+ color {
+ color: black;
+ bounds: 6 6 2 1;
+ }
+
+ color {
+ color: black;
+ bounds: 5 7 2 1;
+ }
+
+ color {
+ color: black;
+ bounds: 5 8 1 3;
+ }
+
+ color {
+ color: black;
+ bounds: 8 8 1 3;
+ }
+
+ color {
+ color: black;
+ bounds: 8 8 3 1;
+ }
+ }
+ }
+ }
+}
+
+
'color-blur0',
'color-matrix-identity',
'cross-fade-in-opacity',
+ 'css-background',
'empty-blend',
'empty-blur',
'empty-border',
'repeat-negative-coords',
'inset-shadow-multiple',
'borders-rotated',
+ 'borders-scaled',
'blend-invisible-child',
'transform-in-transform',
'transform-in-transform-in-transform',